@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2023-04-07 14:58)
 */


/* 概况 */

.is-md-4{width:32%}
.is-md-5{width:48%}
.is-md-7{width:52%}
.is-md-8{width:66%}
.is-md-12{width:100%}
.f-pl-20{padding-left:20px}
.f-pl-30{padding-left:30px}
.f-pl-40{padding-left:40px}
.mt5{margin-top:5px}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.mt15{margin-top:15px}
.textcomm{text-align:center;position: absolute;padding: 0 15px;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;background: rgba(0,0,0,.4);color: #fff;}

/* 轮播1 */
.mySwiper01 .swiper-pagination{left:50%;margin-left:-140px;bottom:20px;width:280px}
.mySwiper01 .swiper-slide{overflow: hidden;}
.mySwiper01 img{display:block;width:100%;animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;}
.mySwiper01 .page-bg{width:100px;height:33px;background: #e6ecf2;position: absolute;left:20px;bottom:15px;z-index: 2}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
.mySwiper01 .swiper-pagination-bullet{width:50px;height: 5px;background: #fff;border-radius: 0;opacity: 1;margin:0 10px!important}
.mySwiper01 .swiper-pagination-bullet-active{background: #d40e0e}

/* 轮播2 */
.mySwiper02 .swiper-slide{overflow: hidden;}
.mySwiper02 p{left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;font-size: 20px;font-weight:bold;}
.mySwiper02 img{display:block;width:100%;height:453px;-webkit-transition: all linear 0.5s;transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.mySwiper02 img:hover{transform: scale(1.1,1.1);}
.mySwiper02 .swiper-button-prev{position:absolute;background: url(../images/index/prev.png) left center no-repeat;left:10px;bottom:3px;top:auto;}
.mySwiper02 .swiper-button-next{position:absolute;background: url(../images/index/next.png) right center no-repeat;right:10px;bottom:3px;top:auto}

/* 标题 */
.m-tabstyle4 li{float: left;  text-align: center;margin-right:50px;position: relative;}
.m-tabstyle4 li a{display: block; padding:0px 20px 0 55px;line-height: 48px;  font-size: 20px;font-weight:bold;color:#1163b8}
.m-tabstyle4 li.u-active a{ color: #fff;}
.m-tabstyle4 li i{bottom:0;}
.m-tabstyle4 li.u-active i{display:block;width:18px;height:7px;background: url(../images/index/down.png) center no-repeat;position: absolute;bottom:-7px;left:50%;margin-left:-9px;-webkit-transition: all linear 0.2s;transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.m-tabstyle4 li .icon1{background: url(../images/index/icon1-blue.png) 20px center no-repeat;}
.m-tabstyle4 li .icon2{background: url(../images/index/icon2-blue.png) 20px center no-repeat;}
.m-tabstyle4 li .icon3{background: url(../images/index/icon3-blue.png) 20px center no-repeat;}
.m-tabstyle4 li.u-active .icon1{background: #1163b8 url(../images/index/icon1-white.png) 20px center no-repeat;}
.m-tabstyle4 li.u-active .icon2{background: #1163b8 url(../images/index/icon2-white.png) 20px center no-repeat;}
.m-tabstyle4 li.u-active .icon3{background: #1163b8 url(../images/index/icon3-white.png) 20px center no-repeat;}

/*主题部分列表 */
.m-liststylecom ul{padding:5px 0}
.m-liststylecom li{height: 49px; line-height: 49px;position: relative;}
.m-liststylecom li a{display: block;font-size:18px;padding-left: 14px; background: url(../images/index/dot.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom li::before{position: absolute;display: block;content: '';top: 50%;left: 0;transform: translateY(-50%);width:8px;height: 8px;border:2px solid #92aac2;border-radius:50%}
.m-liststylecom li span{float: right; color: #999; font-size: 18px;}
.m-liststylecom li a:hover{padding-left: 16px;}
.m-listhg1{margin-top:5px}
.m-listhg1 ul{height:400px}
.m-listhg2 ul{height:260px}

.is-center,.is-bottom{width:100%;display: flex;justify-content: space-between}
.is-title{background: url(../images/index/titlebgs.png) center no-repeat;border-bottom:2px solid #1163b8}
.is-title-l{background: url(../images/index/titlebgl.png)left center no-repeat;}
.is-title h2{font-size:24px;font-weight:bold;padding:0 20px;line-height: 60px}
.g-setbag{background-image: linear-gradient(#ffff, #fafafa);padding:20px 15px 0 15px}
.m-tabstyle5 li{float: left;  text-align: center;position: relative;}
.m-tabstyle5 li a{display: block; padding:3px 15px; font-size: 16px;font-weight:bold;border:1px solid transparent;}
.m-tabstyle5 li.u-active a{ color:#1163b8;border:1px solid #1163b8;border-radius:6px}

.mySwiper03{overflow: hidden;}
.mySwiper03 ul{overflow: hidden;}
.mySwiper03 li{width:237px;margin-right:15px;float:left}
.mySwiper03 .swiper-slide{width:237px;}
.mySwiper03 .img-bg{height:174px;overflow: hidden;}
.swiperbox{padding:20px;background-image: linear-gradient(#ffff, #fafafa);}
.mySwiper03 p{height:38px;line-height: 38px;text-align:center;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.mySwiper03 img{width:100%;height:174px;-webkit-transition: all linear 0.5s;transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.mySwiper03 img:hover{transform: scale(1.1,1.1);}

.is-piccont a:first-child{margin-bottom:20px}
.is-piccont img{-webkit-transition: all linear 0.3s;transition: all linear 0.3s;-moz-transition: all linear 0.3s;}
.is-piccont img:hover{transform:translate3d(0,-5px,0)}

.is-link{background: #f1f4f7;}
.is-link-title{font-size: 20px;font-weight: bold;padding-left:70px;background: url(../images/index/link.png)35px center no-repeat;}
.m-tabstyle6{line-height: 68px;border-bottom:1px solid #fff;}
.m-tabstyle6 li{float: left;margin-left:60px}
.m-tabstyle6 a{font-weight:bold}
.m-tabstyle6 li.u-active a{ color:#1163b8;}
.m-liststyle4{padding:10px 20px 20px 45px}
.m-liststyle4 ul{display: flex;flex-wrap: wrap;justify-content: sapce-between}
.m-liststyle4 li{width:25%;height:30px;line-height: 30px}
.m-liststyle4 li a{font-size:16px}
.m-liststyle4 li::before{display: none;}
.is-footer{margin-top:40px}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
 
}
/*big pcScreen*/
@media screen and (max-width:1440px) {
.m-tabstyle4 ul{display: flex;justify-content: space-between}
.m-tabstyle4 ul li{margin-right: 0}
.is-piccont{overflow: hidden;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
 .is-md-7,.is-md-5,.is-md-4,.is-md-8{width:100%}
 .mySwiper02 img{height: auto;}
 .m-tabstyle4 ul{display: flex;justify-content: flex-start}
 .m-tabstyle4 ul li{margin-right:20px}
 .f-pl-30{padding-left:0}
 .is-center,.is-bottom{flex-wrap: wrap;}
 .m-liststylecom li a,.m-liststylecom li span{font-size: 16px}
 .is-title{background-size:cover}
/* .m-liststylecom li{line-height: 36px;height: 36px}*/
 .m-listhg1 ul, .m-listhg2 ul, .m-listhg3 ul{height:auto}
 .mt40{margin-top:20px}
 .is-piccont a{margin-top:0;width: 50%}
 .is-piccont img{width: 100%}
 .mySwiper03 .swiper-slide{width:auto}
 .m-mt20{margin-top:20px}
}
@media screen and (max-width: 1180px) {

 

}
/*pad md*/
@media screen and (max-width: 991px ){
 .mySwiper03 .img-bg{height: auto;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
 .is-title h2{font-size:20px}
 .m-liststyle4 li{width:50%}
 .m-tabstyle6 li{margin-left:20px}
 .m-liststyle4{padding-left:20px}
 .m-liststyle4 ul,.mySwiper03 img{height: auto;}
 .m-tabstyle4 ul li{width:33%;margin-right:0}
 .m-tabstyle4 li a{font-size: 16px;padding-left:0;padding-right:0;background-image:none!important}
 .m-liststylecom li{line-height: 40px;height: 40px}
.is-footer{margin-top:20px}

}
/*small xs*/
@media screen and (max-width: 600px) {



}
/*print*/
@media print {

}

@-webkit-keyframes centerBig{
  100%{transform:scale(1.1,1.1);}
}
@keyframes centerBig{
  100%{transform:scale(1.1,1.1);}
}